<%-- 
    Document   : insertar
    Created on : 03-ene-2012, 13:38:13
    Author     : CAPISTRAN
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insertar Datos Del Alumno</title>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
        <script language="JavaScript" type="text/javascript" src="js/jquery-1.7.1.js"></script>
        <script language="JavaScript" type="text/javascript" src="js/jquery.validate.js"></script>
        <script language="JavaScript" type="text/javascript" src="js/jquery.maskedinput-1.3.js"></script>
        <script>
         $(document).ready(function(){
         $("#formulario").validate(
          {
              rules:{control:{required:true},nombre:{required:true},apellidoPaterno:{required:true},apellidoMaterno:{required:true},edad:{required:true},semestre:{required:true},idCarrera:"required",direccion:{required:true}},
              messages:{control:"Ingrese numero de Control",nombre:"Ingrese su nombre",apellidoPaterno:"Ingrese apellido Paterno",apellidoMaterno:"Ingrese apellido Materno",edad:"Ingrese la edad",semestre:"Ingrese el semestre",idCarrera:"Ingrese el ID de la Carrera",direccion:"Ingrese la Direccion"}
          }
        )
         });
                      
        </script>
        <script type="text/javascript">
            jQuery(function($){ 
                $.mask.definitions['e']='[ ,a-z,A-Z]'; 
            
        $("#control").mask("99?999999"); 
        $("#nombre").mask("aae?eeeeeeeeeeee"); 
        $("#apellidoPaterno").mask("aae?eeeeeeeeeeee"); 
        $("#apellidoMaterno").mask("aae?eeeeeeeeeeee"); 
        $("#edad").mask("99?9"); 
        $("#semestre").mask("9?9"); 
        $("#direccion").mask("****?***********************"); 
        }); 
            
        </script>
  </head>
  <body bgcolor="#04B486">
      <form  id="formulario" method="post" name="formulario" action="InsertarAlumnoServlet" >
          <table align= "center" border= "0"> 
                <tr><td></td></tr>
                <tr><td></td></tr>
                <tr><td></td></tr>
                <tr><td></td></tr>
                
                <tr><td> Num.Control:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="control" class="required" name="control" type="text" maxlength=15 size="20"/>
                </td></tr>
                
                <tr><td> Nombre:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="nombre" class="required" name="nombre" type="text" maxlength="15" size="20"/>
                </td></tr>
                
                <tr><td> Apellido Paterno:&nbsp;&nbsp;
                        <input id="apellidoPaterno" class="required" name="apellidoPaterno" type="text" maxlength=15 size="20"/>
                </td></tr>
                
                <tr><td> Apellido Materno:&nbsp;
                        <input id="apellidoMaterno" class="required" name="apellidoMaterno" type="text" maxlength=15 size="20">
                </td></tr>
                
                <tr><td> Edad:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="edad" class="required" name="edad" type="text" maxlength=15 size="20">
                </td></tr>
                
                <tr><td> Semestre:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="semestre" class="required" name="semestre" type="text" maxlength=15 size="20">
                </td></tr>
                
                <tr><td> ID Carrera:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                     
                         <select class="required" id="idCarrera" name="idCarrera"> 
                         <option value="">Selecciona</option>
                         <option value="100">100-Sistemas</option> 
                         <option value="101">101-Industrial</option>
                         <option value="102">102-Electromecanica</option>
                         <option value="103">103-Gestion Empresarial</option>
                         <option value="104">104-Informatica</option>
                         <option value="105">105-Electronica</option>
                    
                 </select>
                </td>
                </tr>
                        
                <tr><td> direccion:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="direccion" class="required" name="direccion" type="text" maxlength=15 size="20"></td></tr>
                <tr><td></td></tr>
                <tr></tr>              
                <tr></tr>
                <tr></tr>
                <tr align="center"><td> <input  type="submit" value="enviar"></td></tr>
                <tr></tr>              
                <tr></tr>
                <tr></tr>
                
                <tr align="center"><td>
                <a href="http://localhost:8084/Training2-1.0-SNAPSHOT/index.jsp"  class="link2c2">Regresar a Pagina Principal</a>
                </td></tr>
                
                
            </table>
          
        </form>
    </body>
</html>

